<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../css/templet.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../fonts/font-awesome.min.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../mui/css/mui.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../mui/css/mui.picker.min.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../css/templet.css?01_38" />
		<!--公共js-->
		<script type="text/javascript" src="../common/js/jquery.js?01_38"></script>
		
		<!--插件-->
		<script type="text/javascript" src="../common/js/vue.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/mui.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/mui.picker.js?01_38"></script>
		<script type="text/javascript" src="../common/js/mui.poppicker.js?01_38"></script>
		<script type="text/javascript" src="../common/js/jquery.qrcode.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/jquery-validate.js?01_38"></script>
		
		<script type="text/javascript" src="../common/js/fastclick.js?01_38"></script>
		<script type="text/javascript" src="../common/js/common.js?01_38"></script>
		<script type="text/javascript" src="../common/js/main.js?01_38"></script>
		<script type="text/javascript" src="../common/js/app.js?01_38"></script>
		<script type="text/javascript" src="../common/js/my_common.js?01_38"></script>
	</head>

	<body>
		<div id="app" v-cloak>
			<div id="app" class="wrap_body enter_phone_number pr">

				<div class="header f-16 fiex pad-b-10 pad-t-10 pad-l-10 pad-l-10">
					<div class="back">
						<a href="javascript:;" onClick="back()" class="bk"></a>
					</div>
					<div class="f-right fiex1 pad-r-20">
						<a @click="cli" href="javascript:;" class="bk red9">{{b_lg[1195]}}</a>
					</div>
				</div>

				<div class="content pad-l-30 pad-r-30 f-16">
					<p class="center pad-t-90 mag-b-10 f-24">{{b_lg[1003]}}</p>
					<div class="fiex">
						<div @click="userPk" class="fiex2 fiex">
							<div id="test" class="fiex1">+{{forms.prefix}}</div>
							<div class="pull_down"></div>
						</div>
						<div class="fiex1 center c666">|</div>
						<div class="fiex5">
							<input type="tel" name="" id="" v-model="forms.username" :placeholder="b_lg[1003]" class="pad-t-20 pad-b-20" />
						</div>
					</div>
				</div>

				<!--获取验证码按钮-->
				<div class="center pad-t-35">
					<a @click="cli" href="javascript:;" class="bg-red9 fff get_code pad-l-80 pad-r-80 pad-t-15 pad-b-15 btn">{{b_lg[1196]}}</a>
				</div>
			</div>
			<!--弹窗-->
			<div v-show="code!=0" class="mask bg-000 pa ">
				<div class="pad-l-40 pad-r-40 pad-t-200">
					<div class="bg-fff wrap pr center pad-t-50 pad-b-40">
						<p class="notice pa"></p>
						<p>{{b_lg[1202]}}</p>
						<p class="mag-t-30">
							<a onclick="jum('smsVerification.html')" class="pad-l-25 pad-r-25 pad-b-10 pad-t-10 ">{{b_lg[1195]}}</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<script>//			  -----------------------------mui组件开始-----------------------------------
//			 -----------------------------mui组件结束-----------------------------------
window.onscroll = function() {
	var h = document.documentElement.scrollTop;
	if(h > 1) {
		header.style.backgroundColor = "#fd5749";
	} else {
		header.style.backgroundColor = "transparent";
	}
}
var app =null
function fun1() {
	    app = new Vue({
		el: '#app',
		data: {
			code: "0", //短信发送成功验证码弹窗 默认为0:隐藏 1:显示
			forms: {
				username: "",
				password: "",
				prefix: "60"
			},
			b_lg: JSON.parse(getItem('Langues')) //语言包
		},
		methods: {
			userPk: function() {
				//mui组件	  		
				userPicker.show(function(items) {
					//console.log(items)
					app.forms.prefix = items[0].value;
					//返回 false 可以阻止选择框的关闭
				});
			},
			cli: function() { //点击发送短信
				if(!app.forms.username) {
					mui.toast(app.b_lg['1003']);
					return;
				}
				var dat = {};
				dat.prefix = app.forms.prefix; //区号
				dat.username = app.forms.username; //手机号
				common_ajax("1", dat, "send_forgot_code", function(h) {
					if(h.status == 1) {
						app.code = "1";
						setItem("phone_prefix", app.forms.prefix); //缓存区号
						setItem("phone_num", app.forms.username); //缓存手机号
					} else {
						mui.toast(h.msg);
					}
				})
			},
			cli_success:function(){
				app.code = "0";
			}
		}
	})
	//定义弹出组件
	var userPicker
	function setmuiselect() {
		userPicker = new mui.PopPicker({
			buttons: [app.b_lg[1049], app.b_lg[1190]]
		})
		userPicker.setData(reg_datas);
	}
	setmuiselect();
}</script>
	</body>

</html>
